body{background: #f1f2f3;}
.head{padding: 30px 0;text-align: center;color: #00aeca;font-size: 24px;background: #f1f2f3;}

.itemBox{background: #fff;}
.itemInfo{margin-bottom: 5px;padding: 10px;border-bottom: 1px solid #f1f2f3;position: relative;}
.putStyle{width: 100%;border: none;outline: none 0;font-size: 16px;color: #333;}
.putStyleW50{width: 50%;display: inline;}
.changeImg{font-size: 14px;color: #00aeca;width: 50px;height: 25px;display: inline-block;text-align: center;}
.item_r{position: absolute;right: 10px;top: 0;}
.erro{text-align: center;color: #f00;padding-bottom: 10px;}
.closeData,.closeDataPwd,.closeDataW,.closeData1,.closeData2,.closeData3,.closeData4,.closeData5,.closeData6,.closeData7,
.closeData8,.closeDataEdit,.closeDataEditSex,.closeDataEditAge,.closeDataEditQQ,.closeData_Pwd1,.closeData_Pwd2,.closeData_Pwd3
{position: absolute;right: 6px;top: 8px;width: 32px;height: 32px;background: url(../images/icoClose.png) center no-repeat;background-size:20px 20px;display: none;}
.closeDataW{right: 50%;}

.boxBtn{padding:25px 18px 20px 18px;}
.btnmode{display: block;width: 100%;padding: 13px 0;text-align: center;font-size: 18px;color: #fff;background: #00aeca;}

.linkBox{padding: 0 18px 15px 18px;}
.linkBox a{font-size: 16px;color: #00AECA;}
.linkBox a:first-child{float: left;}
.linkBox a:last-child{float: right;}

.contactUsBox{margin: 20px;padding: 18px;background: #fff;border-radius:5px;}
.contactUsBox h2{color: #333;font-size: 18px;border-left: 4px solid #00aeca;padding-left: 5px;line-height: 18px;}
.contactUsBox p{color: #666;font-size: 16px;padding-top: 10px;}
.contactUsBox p s{padding-left: 15px;}
.contactUsBox p s.qq{padding-left:22px;}

.headList{padding: 20px 0;}
.headList h2{text-align: left;border-left: 4px solid #00aeca;margin-left: 15px;line-height: 20px;color: #666;font-size: 20px;padding-left: 5px;}
.erroPosition{position: absolute;right: 40px;top: 13px;display: none;}

.layerFix,.layerFix_list,.layerFixPAY{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 999;top: 0;left: 0;bottom: 0;right: 0;}
.layerPop{position: fixed;bottom: 10px;width: 94%;left: 50%;margin-left: -47%;}
.layerPop a{display: block;font-size: 18px;text-align: center;color: #333;padding: 14px 0;}
.layerPop_top a:first-child{border-bottom: 1px solid #cfcfdb;}
.layerPop a.cancelPop{color: #00AECA;}
.layerPop_top,.layerPop_bottom{background: #fff;border-radius:5px;}
.layerPop_bottom{margin-top: 10px;}
.layerPopPwd{background: #fff;top: 50%;bottom: 0;border-radius:5px;width: 80%;margin-left: -40%;margin-top: -100px;height: 200px;line-height: 200px;text-align: center;color: #666;
font-size: 16px;}
.closePop{position: absolute;right: 15px;top:5px;line-height: 0;}

.faqBox{padding: 15px;background: #fff;}
.faqPacel{margin-bottom: 15px;}
.faqPacel h3{color: #333;font-size: 16px;padding-bottom: 10px;}
.faqPacel p{color: #666;font-size: 16px;line-height: 24px;}

.head_item{font-size: 16px;padding: 30px 10px 20px 10px;}
.itemInfo dl dt{float: left;width: 132px;text-align: right;color: #666;font-size:16px;}
.itemInfo dl dd{overflow: hidden;}
.iSelect{-webkit-appearance: none;outline: none 0;width: 100%;border: none;color: #333;font-size: 16px;}
.iSelectW{-webkit-appearance: none;outline: none 0;border: none;color: #333;font-size: 16px;}
.icoDown{position: absolute;right: 6px;top: 5px;width: 32px;height: 32px;background: url(../images/icoSelectDown.png) center no-repeat;background-size:12px 8px;}
.btnPriceAll,.btnPricePerson{background: none;color: #00AECA;margin-top: 5px;}
.zkPrice{color: #f00;}
.czInfoPacel{padding: 20px 18px 10px 18px;}
.czInfoPacel h3{color: #666;font-size: 16px;padding-bottom: 10px;}
.czInfoPacel h3 s{padding: 0 3px;}
.czInfoPacel h3 span{display: inline-block;width: 130px;}
.prevPrice{padding-left: 20px;}
.bluePrice{color: #00AECA;}
.pb70{padding-bottom: 66px;}

.foot{position: fixed;bottom: 0;width:100%;z-index: 999;background: #fff;border-top: 1px solid #dbdbdb;}
.foot ul{display: -webkit-box;}
.foot ul li{-webkit-box-flex: 1;text-align: center;}
.foot ul li a{display: block;color: #666;font-size: 14px;padding: 10px 0;}
.foot ul li i{display: inline-block;width: 30px;height: 24px;}
.foot ul li a.ico_c i{width:34px;background: url(../images/ico_c.png) center no-repeat;background-size:100% 100%;}
.ico_j i{background: url(../images/ico_J.png) center no-repeat;background-size:100% 100%;}
.foot ul li a.ico_l i{width: 34px;background: url(../images/ico_l.png) center no-repeat;background-size:100% 100%;}
.foot ul li a.ico_i i{width: 34px;background: url(../images/ico_i.png) center no-repeat;background-size:100% 100%;}
.foot ul li.f_cur .ico_c i{background: url(../images/ico_cOn.png) center no-repeat;background-size:100% 100%;}
.foot ul li.f_cur .ico_j i{background: url(../images/ico_Jon.png) center no-repeat;background-size:100% 100%;}
.foot ul li.f_cur .ico_l i{background: url(../images/ico_lOn.png) center no-repeat;background-size:100% 100%;}
.foot ul li.f_cur .ico_i i{background: url(../images/ico_iOn.png) center no-repeat;background-size:100% 100%;}
.foot ul li.f_cur a{color: #00AECA;}

.layerPopPay{line-height: 20px;background: #f5f5f5;height: 180px;margin-top: -90px;}
.layerPopPay p{padding-top: 25px;color: #333;font-size: 20px;}
.btnCancel{background: #666;color: #fff;}
.payBox{text-align: center;}
.payBox a{color: #fff;width: 40%;display: inline-block;padding: 12px 0;}
.payBox a:first-child{margin-right: 10px;}
.payPut{margin: 15px 22px;}
.payPutItem{border: 1px solid #9f9f9f;width: 100%;height:38px;line-height: 30px;;font-size: 20px;letter-spacing: 0.6em;padding: 0 25px;font-weight: bold;-webkit-appearance: none;
background: #fff url(../images/lineBg11.png) center center no-repeat;background-size:100%;}
.head_item_l{text-align: left;padding-left:18px;}
.allPayBox{margin: 0 18px;}
.allPayPhone{width: 100%;height: 150px;border: 1px solid #ddd;padding: 8px;color: #333;}
.itemBoxPay{background: none;}

.head_item_l_gray{color: #666;padding-top: 20px;}
.payStatePacel{background: #fff;padding: 15px 18px;}
.payState{padding: 0;font-size: 16px;color: #999;margin-bottom: 10px;overflow: hidden;}
.payState s{padding-left: 8px;}
.payFail{color: #ff4d3b;}

.lcBox h3{font-weight: normal;font-size: 16px;color: #333;padding-bottom: 6px;}
.lcBox p{line-height: 25px;;font-size: 16px;color: #999;padding-bottom: 2px;}
.cz{margin-bottom: 25px;}

.myBox{padding: 15px;background: #fff;margin-bottom: 15px;}
.myBoxPacel h3{font-weight: normal;font-size: 16px;color: #666;padding-bottom: 10px;}
.myBoxPacel s{color: #00AECA;font-size: 18px;}
.myBoxPacel h3.state{color: #999;}
.line{display: inline-block;margin: 0 10px;width: 2px;background: #999;height: 13px;vertical-align: -1px;}
.personInfo a{color: #333;display: block;padding:2px 5px;}
.personInfo::after{content: '';position: absolute;right: 10px;top: 9px;width:12px;height: 20px;background: url(../images/ico_right.png) center no-repeat;background-size:100% 100%;}
.itemInfoUser{padding: 12px;}
.itemInfoUser dl dt{text-align: left;width: 86px;}

.editDiv{outline: none 0;}
.itemInfoModify dl dt{text-align: left;padding-left: 10px;}

.searchPacel{overflow: hidden;padding: 10px 20px;background: #dddddd;display: -webkit-box;}
.searchText{padding: 10px 5px;border-radius:5px;font-size: 16px;color: #333;border: none;-webkit-box-flex: 1;display: block;height: 36px;}
.btnSearch{color: #00AECA;font-size: 16px;width: 50px;text-align: right;display: block;overflow: hidden;line-height: 38px;}
.itemInfoM dl dt{width: 90px;}
.searchM_info_item{overflow: hidden;padding: 5px 0;}
.searchM_info_l,.searchM_info_r{width: 50%;float: left;font-size: 15px;color: #666;}
.searchM_info_l span,.searchM_info_r span{color: #333;}
.searchM_info{border: 1px solid #ccc;background: #fff;padding: 10px;}
.searchM_infoPacel{padding: 5px 10px 5px 10px;}
.m_stateBox{overflow: hidden;border-top: 1px solid #ccc;padding: 10px 0 0 0;margin-top: 15px;height: 52px;}
.m_state{font-size: 16px;padding-top: 10px;}
.m_fail{color: #ff4d3b;}
.m_suc{color: #19b200;}
.btnTs{width: 45%;padding: 10px 0;font-size: 16px;}
.dateState_l,.dateState_r{width: 46%;float: left;}
.dateState{overflow: hidden;}
.dateState_m{color: #666;}
.dateState_l .icoDown{right: 50%;margin-right: -35px;}
.tsPacel{padding-top: 5px;}
.tsTeraPacel{padding:5px 10px 5px 10px;}
.tsTeraBox{width: 100%;border: 1px solid #ccc;font-size: 16px;color: #333;padding: 6px;height: 100px;}
.boxBtnlist{padding: 15px;}

/***************file************/
.dormPancel{position: relative;width: 100%;height: 114px;border: 1px solid #ccc;background: #fff;padding-top: 15px;}		
.formCel{position: absolute;left: 0;margin:0;width: 100%;}
.file{position: absolute;top: 0;right: 5px;height: 100%;filter: alpha(opacity=0);opacity: 0;width: 95%;z-index: 99;}
.TopLogo{width: 190px;height: auto;border: 1px solid #ccc;}
.addPic{display: block;text-align: center;}
.dormPancel p{text-align: center;color: #bbb;padding-top: 10px;font-size: 15px;}
.showFileImg{display: inline-block;}

/*loading*/
.loadboxPacel{padding: 0 25px;}
.loadbox{width:100%; height:8px;background:#ddd;border-radius:15px;}
.loadingCur{width:0px; height:8px;background:#00aeca;border-radius:15px;}
.layerPopLoading{height: 160px;margin-top: -80px;}
